<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<body>
<form id="groupForm"  role="form" method="post" action="group/save">
    <input type="hidden" name="orgGroup.node" th:value="${entity.node}" />
    <div class="form-group" >
        <label >父部门名称:</label>
        <input type="text" class="form-control" th:value="${entity.name}" readonly="readonly"  />
    </div>
    <div class="form-group">
        <label for="name">部门名称:</label>
        <input type="text" class="form-control" name="name" id="name"  placeholder="请输入部门名称" />
    </div>
    <div class="form-group" >
        <label for="groupCode">部门编号:</label>
        <input type="text" class="form-control" name="groupCode" id="groupCode"  placeholder="请输入部门编号" />
    </div>
    <div class="form-group" >
        <label for="num">部门编制:</label>
        <input type="text" class="form-control" name="num" id="num"  placeholder="请输入部门编制" />
    </div>
</form>
<script th:inline="javascript">
    <![CDATA[
    $(function () {
        $('#groupForm').bootstrapValidator({
            message: 'This value is not valid',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                name: {
                    message: '部门名称验证失败',
                    validators: {
                        notEmpty: {
                            message: '部门名称不能为空'
                        },
                        threshold :  2 , //有2字符以上才发送ajax请求，（input中输入一个字符，插件会向服务器发送一次，设置限制，6字符以上才开始）
                        remote: {//ajax验证。server result:{"valid",true or false} 向服务发送当前input name值，获得一个json数据。例表示正确：{"valid",true}
                            url: "group/exist",//验证地址
                            data:function(validator) {// 获取需要传送到后台的验证的数据
                                return {
                                    name:$("#name").val()
                                }
                            },
                            message: '部门名称已存在',//提示消息
                            delay :  500,//每输入一个字符，就发ajax请求，服务器压力还是太大，设置2秒发送一次ajax（默认输入一个字符，提交一次，服务器压力太大）
                            type: 'POST'//请求方式
                        }
                    }
                },
                groupCode: {
                    message: '部门编号验证失败',
                    validators: {
                        notEmpty: {
                            message: '部门编号不能为空'
                        }
                    }
                },
                num: {
                    message: '部门编制验证失败',
                    validators: {
                        notEmpty: {
                            message: '部门编制不能为空'
                        },
                        regexp: {
                            regexp: /^[0-9]+$/,
                            message: '部门编制必须为数字'
                        },
                        stringLength: {
                            min: 1,
                            max: 18,
                            message: '用部门编制必须在1到18位之间'
                        }

                    }
                }
            }
        })

        // 绑定dialog的确定按钮的监听事件
        $("#btnOk",window.top.document).click(function() {

            var bootstrapValidator = $("#groupForm", window.top.document).data('bootstrapValidator');
            bootstrapValidator.validate();
            if(bootstrapValidator.isValid()){
                var zTree = $(window.parent.document).contents().find(".tab-pane.fade.active.in iframe")[0].contentWindow.zTree;
                var selectNode = $(window.parent.document).contents().find(".tab-pane.fade.active.in iframe")[0].contentWindow.selectNode;
                $.post($("#groupForm",window.top.document).attr('action'),$("#groupForm",window.top.document).serialize(),function(e){
                    getActiveTab().undead();
                    if(e.result){
                        // $('.modal-dialog', window.top.document).parent('div').remove()
                        // $('body', window.top.document).find('.modal-backdrop').remove();
                        activeTabBodyReset();
                        var entity = e.entity;
                        zTree.addNodes(selectNode, {node:entity.node, parentNode:entity.parentNode, name:entity.name,groupId:entity.groupId,groupCode:entity.groupCode });
                        // window.Ewin.alert({message:'增加数据成功!'});
                        layer.msg('添加成功', {icon: 1, time: 2000})
                    }else{
                        window.Ewin.alert({message:'增加数据失败!'});
                    }
                })
            }
        });
    })
    ]]>
</script>
<script th:src="@{/layer/layer.js}"></script>
</body>
</html>